/*
    学习目标：使用useState+函数式组件，使用状态
*/
import React, { useState } from 'react'
// 1.导入useState函数，作用：声明状态和修改状态的函数
export default function App() {
    // 2. 声明状态
    // 语法：const [状态变量，修改状态的函数] = useState(初始值)
    const [count, setCount] = useState(0)
    // count 等价与 state.count
    // setCount 等于 setState({count:value})
    return (
        <div>
            {/* 把count 当做变量来使用即可 */}
            count:{count}
            <button onClick={() => setCount(count + 1)}>增加</button>
        </div>
    )
}
